<template>
	<div class="main">
		<van-nav-bar
		  title="得分详情"
		  left-text="返回"
		  left-arrow
		  @click-left="onClickLeft"
		/>
		<div class="scoreList" v-for="(item,index) in score">
			<!-- <div class="no">{{index+1}}.</div> -->
			<div class="title">{{index+1}}.{{item.paperItemTitle}}<span style="padding-left: 10px;color: red;font-size: 20px;">{{item.score}}</span></div>
			<!-- <div class="score">{{item.score}}</div> -->
		</div>
	</div>
</template>

<script>
	import {getDetailScore} from '@/api/teacher'
	export default {
		data() {
			return{
				score:[],
				evaluationId:this.$route.query.evaluationId,
				teacherId:this.$route.query.teacherId
			}
		},
		created() {
			this.getScore()
		},
		methods:{
			onClickLeft(){
				this.$router.push('/teacher')
			},
			async getScore(){
				const result=await getDetailScore(this.evaluationId,this.teacherId)
				if(result.code==200){
					this.score=result.data
				}
			}
		},
		
	}
</script>

<style scoped>
	.scoreList{
		display: flex;
		padding-top: 10px;
	}
	.scoreList .no{
		padding-left: 10px;
	}
	.scoreList .title{
		padding-left: 5px;
		font-size: 18px;
	}
	.scoreList .score{
		padding-left: 10px;
	}
</style>